<?php
require_once('controller/auth.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang='en' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
<title>TMIS</title>

<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="https://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->
<!-- Le styles -->
<link rel="stylesheet" href="assets/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="assets/css/bootstrap-responsive.css" type="text/css" />
<link rel="stylesheet" href="assets/css/font-awesome.css" type="text/css" />
<style type="text/css">
.fitdiv{
	padding-left: 80px;
	
}
</style>
<script type="text/javascript" src="assets/js/jquery.min.js"></script>

<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap-popover.js"></script>
<script type="text/javascript" src="assets/js/bootstrap-tooltip.js"></script>
<script type="text/javascript" src="assets/js/highcharts.js"></script>

<script src="assets/js/exporting.js"></script>



<script>
$(function ()
{ 
$("input").popover({trigger: 'focus', 'placement':'right'});

$("textarea").popover({trigger: 'focus'});


$('#tab').tooltip({'placement':'top', 'trigger' : 'hover'});

$('a').tooltip({'placement':'bottom', 'trigger' : 'hover'});	
});
</script>
<!-- Le fav and touch icons -->











</head>

<body>
<div class="container">
<!--TOp Nav-->
<div class="navbar navbar-inverse nav">
    <div class="navbar-inner">
        <div class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="/audit/dashboard.php"><i class="icon-dashboard icon-white icon-1x"></i></a>
			
          	<div class="nav-collapse collapse">
              
              <div class="pull-right">
                <ul class="nav pull-right">
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Welcome, <?php echo $_SESSION['SESS_FIRST_NAME'] . " " . $_SESSION['SESS_LAST_NAME'];?> <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="/user/preferences"><i class="icon-cog"></i> Preferences</a></li>
                            <li><a href="/help/support"><i class="icon-envelope"></i> Contact Support</a></li>
                            <li class="divider"></li>
                            <li><a href="controller/logout.php"><i class="icon-off"></i> Logout</a></li>
                        </ul>
                    </li>
                </ul>
              </div>
            </div>
        </div>
    </div>
</div>

<script>
$(document).ready(function()
{
  //Handles menu drop down
  $('.dropdown-menu').find('form').click(function (e) {
        e.stopPropagation();
        });
  });
</script>









		<script type="text/javascript">
		/*
$(function () {
    
        var colors = Highcharts.getOptions().colors,
            categories = ['ADA', 'SC', 'JAC'],
            name = 'Project Implementers',
            data = [{
                    y: 61236,
                    color: colors[0],
                    drilldown: {
                        name: 'ADA by Gender',
                        categories: ['ADA Male', 'ADA Female'],
                        data: [39521, 21581],
                        color: colors[0]
                    }
                }, {
                    y: 11782,
                    color: colors[1],
                    drilldown: {
                        name: 'SC by Gender',
                        categories: ['SC Male', 'SC Female'],
                        data: [9183, 2589],
                        color: colors[1]
                    }
                }, {
                    y: 31690,
                    color: colors[2],
                    drilldown: {
                        name: 'JAC by Gender',
                        categories: ['JAC Male', 'JAC Female'],
                        data: [25273, 6417],
                        color: colors[2]
                    }
                }
                ];
    
        function setChart(name, categories, data, color) {
			chart.xAxis[0].setCategories(categories, false);
			chart.series[0].remove(false);
			chart.addSeries({
				name: name,
				data: data,
				color: color || 'white'
			}, false);
			chart.redraw();
        }
    
        var chart = $('.charts3').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Total Teachers Trained By third party Executers of the Project'
            },
            subtitle: {
                text: ''
            },
            xAxis: {
                categories: categories
            },
            yAxis: {
                title: {
                    text: 'Total teachers trained'
                }
            },
            plotOptions: {
                column: {
                    cursor: 'pointer',
                    point: {
                        events: {
                            click: function() {
                                var drilldown = this.drilldown;
                                if (drilldown) { // drill down
                                    setChart(drilldown.name, drilldown.categories, drilldown.data, drilldown.color);
                                } else { // restore
                                    setChart(name, categories, data);
                                }
                            }
                        }
                    },
                    dataLabels: {
                        enabled: true,
                        color: colors[0],
                        style: {
                            fontWeight: 'bold'
                        },
                        formatter: function() {
                            return this.y +'';
                        }
                    }
                }
            },
            tooltip: {
                formatter: function() {
                    var point = this.point,
                        s = this.x +':<b>'+ this.y +'total trained teachers</b><br/>';
                    if (point.drilldown) {
                        s += 'Click to view '+ point.category +' teachers trained By Gender';
                    } else {
                        s += 'Click to return to orignal chart';
                    }
                    return s;
                }
            },
            series: [{
                name: name,
                data: data,
                color: 'white'
            }],
            exporting: {
                enabled: false
            }
        })
        .highcharts(); // return chart
    });
    
*/
		</script>
		









<script type="text/javascript">
$(function () {
        $('.charts').highcharts({
            chart: {
                type: 'column',
                margin: [ 50, 50, 100, 80]
            },
            title: {
                text: 'Psychosocial Chart By Gender'
            },
            xAxis: {
                categories: [
                    
                    'Male',
                    'Female'
                ],
                labels: {
                    rotation: -45,
                    align: 'right',
                    style: {
                        fontSize: '13px',
                        fontFamily: 'Verdana, sans-serif'
                    }
                }
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Count(By Gender)'
                }
            },
            legend: {
                enabled: false
            },
            tooltip: {
                formatter: function() {
                    return '<b>'+ this.x +'</b><br/>'+
                        ' '+ Highcharts.numberFormat(this.y, 1) +
                        ' Trainees';
                }
            },
            series: [{
                name: 'Population',
                data: [
                
                2343,457          
                
                
                ],
                dataLabels: {
                    enabled: true,
                    rotation: -90,
                    color: '#FFFFFF',
                    align: 'right',
                    x: 4,
                    y: 10,
                    style: {
                        fontSize: '13px',
                        fontFamily: 'Verdana, sans-serif'
                    }
                }
            }]
        });
    });
    

		</script>
		
		
		


<script type="text/javascript">
$(function () {
    
        var colors = Highcharts.getOptions().colors,
            categories = ['Core Trainers', 'Master Trainers', 'Teachers 1','Teachers 2'],
            name = ' ',
            data = [{
                    y: 26,
                    color: colors[0],
                    drilldown: {
                        name: 'CT by Gender',
                        categories: ['CT Male', 'CT Female'],
                        data: [19, 7],
                        color: colors[0]
                    }
                }, {
                    y: 120,
                    color: colors[1],
                    drilldown: {
                        name: 'MT by Gender',
                        categories: ['MT Male', 'MT Female'],
                        data: [80, 40],
                        color: colors[1]
                    }
                }, {
                    y: 1400,
                    color: colors[2],
                    drilldown: {
                        name: 'Teachers1 by Gender',
                        categories: ['T1 Male', 'T1 Female'],
                        data: [971, 429],
                        color: colors[2]
                    }
                    
                }, {
                    y: 1400,
                    color: colors[4],
                    drilldown: {
                        name: 'Teachers2 by Gender',
                        categories: ['T2 Male', 'T2 Female'],
                        data: [1140, 260],
                        color: colors[4]
                    }
                    }
                ];
    
        function setChart(name, categories, data, color) {
			chart.xAxis[0].setCategories(categories, false);
			chart.series[0].remove(false);
			chart.addSeries({
				name: name,
				data: data,
				color: color || 'white'
			}, false);
			chart.redraw();
        }
    
        var chart = $('.charts3').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Advanced Pedagogy Chart'
            },
            subtitle: {
                text: ''
            },
            xAxis: {
                categories: categories
            },
            yAxis: {
                title: {
                    text: 'Total trainees'
                }
            },
            plotOptions: {
                column: {
                    cursor: 'pointer',
                    point: {
                        events: {
                            click: function() {
                                var drilldown = this.drilldown;
                                if (drilldown) { // drill down
                                    setChart(drilldown.name, drilldown.categories, drilldown.data, drilldown.color);
                                } else { // restore
                                    setChart(name, categories, data);
                                }
                            }
                        }
                    },
                    dataLabels: {
                        enabled: true,
                        color: colors[0],
                        style: {
                            fontWeight: 'bold'
                        },
                        formatter: function() {
                            return this.y +'';
                        }
                    }
                }
            },
            tooltip: {
                formatter: function() {
                    var point = this.point,
                        s = this.x +':<b>'+ this.y +'total trainees</b><br/>';
                    if (point.drilldown) {
                        s += 'Click to view '+ point.category +' trainees By Gender';
                    } else {
                        s += 'Click to return to orignal chart';
                    }
                    return s;
                }
            },
            series: [{
                name: name,
                data: data,
                color: 'white'
            }],
            exporting: {
                enabled: false
            }
        })
        .highcharts(); // return chart
    });
    

		</script>



  

<!--/Top Nav-->
  <div class="row-fluid">
    
    <div class="span10">
	<!--Content-->
	<!--
<div class="input-append pull-right">
  <input id="appendedInputButton" type="text">
  <button class="btn btn-primary" type="button">Go!</button>
</div>


<h2>Dear, <span class="muted"><?php echo $_SESSION['SESS_FIRST_NAME'] . " " . $_SESSION['SESS_LAST_NAME'];?></span></h2>

<hr/>
-->

<div id="tab" class="btn-group " style="padding-left:0px;" data-toggle="buttons-radio" rel="tooltip" title="Select A Package" data-placement="bottom">

<a href="#home" class="btn btn-warning btn-large active" data-toggle="tab">Kandahar</a>
<a href="#dt3" class="btn btn-warning btn-large " data-toggle="tab">DT3</a>
<a href="#pre" class="btn btn-warning btn-large" data-toggle="tab">45th Presidential Decree</a>
</div>
 

 
 
 
<div class="tab-content ">
<div class="tab-pane active" id="home">
<br>
<div style="padding-left:0px;" data-toggle="buttons-radio" class="btn-group " id="tab">
  <a data-toggle="tab" class="btn btn-info active" href="#psycho">Psychosocial Training</a>
  <a data-toggle="tab" class="btn btn-info" href="#advped">Advanced Pedagogy</a>
  <a data-toggle="tab" class="btn btn-info" href="#advlit">Advanced Literacy</a>
</div>

<div class="tab-content ">
	
<div  class="tab-pane active"  id="psycho" >


<br>
<div class="tabbable tabs-left">
              <ul class="nav nav-tabs">
                <li class="active"><a data-toggle="tab" href="#lA">About</a></li>
                <li class=""><a data-toggle="tab" href="#lB">Data</a></li>
                <li class=""><a data-toggle="tab" href="#lC">Charts</a></li>
              </ul>
                <div class="tab-content">
	                <div id="lA" class="tab-pane active">
							                
							                	
						<p>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The psychosocial support project was implemented in five batches in Kandahar province. The project was designed in cooperation with the United Nations Children’s Fund (UNICEF) and the Canadian International Development Agency (CIDA). The project’s primary objective was to raise psychosocial awareness among 2800 teachers from across the province. 
						The training manual prepared by GTZ states the purpose of the psychosocial training as follows:
						This program, the GTZ’s Basic Education Program has its mandate in the context of the National Education Strategy that focuses on a holistic education development. Integrating psychosocial interventions will help to improve the education system in that sense that mentally healthy children are performing better at school and contribute better to social cohesion and a peaceful living-together compared to those children who are affected by mental health problems caused by traumatic experiences in the past as well as child neglect, abuse and domestic violence in the present. 
						Therefore, the objectives and future activities are in a first step the training of teachers on mental-health relevant issues to enable them to identify these problems in children and to provide awareness-rising activities for parents. 
						In a second step counselors should be trained to treat previously identified psychosocial needs in children and teachers. In brief, this is the concept how to address mental health needs in children.
						
						Specific objectives and activities as conducted under the training for the teachers in Kandahar province based on the training manual prepared by GTZ are as follows. 
						
						<ul>
						<li>To increase knowledge and skills with regard to mental health problems in children
						<li>To teach participants the concept of stress, forms of stressors, traumatic stress and reactions towards stress
						<li> To identify needs and problems of children  in daily school work
						<li> To teach the concept of PTSD symptoms and special features/ developmental consequences in children
						<li> To introduce skills of how to cope with stress and of relaxation exercises
						<li> To provide an introduction into basic counseling skills
						<li> Assessing domestic violence, somatic complaints and child labor
						</ul>
						
						</p>
						<br>
						<table class="table table-bordered ">
						<thead > 
							<tr ><th rowspan="2"># Groups</th><th rowspan="2"># of Districts</th><th colspan="3" style="text-align:center;">Trainees</th><th rowspan="2"># of Training Venues</th><th colspan="2">Training Period</th></tr>
							<tr><td>Male</td><td>Female</td><td>Total</td><td>Start</td><td>Finish</td></tr>
						</thead>
						<tbody> 
						<tr><td>75</td><td>14 (Inc. the City)</td><td>2343</td><td>457</td><td>2800</td><td>75</td><td>26-Sep-10</td><td>3-Nov-11</td></tr>	
						</tbody>
						</table>
						
						<a href="/ktmis/v11/public/" target="_blank"class="btn btn-info btn-large " >View System</a>
							                
							                
	                
	                
	                </div>
	                <div id="lB" class="tab-pane">
	                	Data Loading ...
	                </div>
	                <div id="lC" class="tab-pane charts">
	                	Charts Loading ...
	                </div>
              </div>
            </div>










</div>


<div class="tab-pane " id="advped">
<br>


<div class="tabbable tabs-left">
              <ul class="nav nav-tabs">
                <li class="active"><a data-toggle="tab" href="#lA1">About</a></li>
                <li class=""><a data-toggle="tab" href="#lB1">Data</a></li>
                <li class=""><a data-toggle="tab" href="#lC1">Charts</a></li>
              </ul>
                <div class="tab-content">
                
	                <div id="lA1" class="tab-pane active">
					   

<p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Education in Afghanistan is recovering from the years of disruption caused by war and destruction of infrastructure for schools.  Teachers are being recruited for the tens of thousands of children and youth who are eager for education.  In the lives of students, the most important element is not the textbook, the classroom, the success in examinations but is the classroom teacher.  The teacher sets the tone for learning, encourages and motivates students, opens up the world of learning for them, and gives them a sense of self-confidence they can find nowhere else in their lives. Some teachers are more skillful than others in making the classroom a place of successful learning, but all teachers have an impact on student lives.  Each teacher, as an individual, has a significant and permanent impact on the life of each student he/she teaches.
Therefore, it is important that teachers not only be well tempered, morally strong individuals, but that they also be well educated in their teaching fields and well trained as professional teachers who understand how to make learning meaningful to all students. These professional skills are not easily learned, and are often difficult to implement in classrooms, but they provide a basic core of teaching strategies adaptable from early childhood through the university.  This training package is designed to continue the teacher training that already has a firm foundation in Afghanistan.  It is designed to reinforce previous training and to deepen and extend the professional competencies that have been addressed in previous trainings.
For example, the Teacher Education Directorate has initiated teacher recruitment and training to fill the teacher vacancies in Afghan classrooms. Because many of the new teachers had limited (or little) education both in subject matter and methodology, new initiatives were started a decade ago and have continually been expanded to upgrade teacher knowledge and skills.   Although serious gaps in knowledge and skills remain for many teachers in the nation, even the best teachers benefit from additional professional development.  This training material is intended to provide both beginning and experienced teachers new ideas for improving classroom instruction regardless of grade level or subject matter.
This Advanced Pedagogy Package is intended to inform and inspire teachers. It includes information that will lift the level of teacher knowledge about teaching, will inspire teachers to think of their profession with pride and new appreciation, and will motivate teachers to be courageous in trying new ways of teaching their students. It will encourage teachers to make understanding their students as individuals the center of their teaching practice. The 15 chapters that make up this book for teacher training do not follow a necessary sequence, but may be read in any order that the teacher-reader finds useful.

</p>

<br>

<table class="table table-bordered ">
<thead > 
	<tr ><th rowspan="2">Training</th><th rowspan="2">Start Dates</th><th rowspan="2" >Finish Date</th><th rowspan="2">Number of training days</th><th colspan="2">Provincial Capital</th><th colspan="2">Districts</th><th colspan="2">Total</th><th rowspan="2">Total</th></tr>
	<tr><td>Male</td><td>Female</td><td>Male</td><td>Female</td><td>Male</td><td>Female</td></tr>
</thead>
<tbody>
 
<tr><td>Core trainers Advanced Pedagogy</td><td>9-Jun-12</td><td>27-Jun-12</td><td>15</td><td>19</td><td>7</td><td>0</td><td>0</td><td>19</td><td>7</td><td>26</td></tr>	

<tr><td>Master trainers Advanced Pedagogy</td><td>11-Oct-12</td><td>22-Oct-12</td><td>12</td><td>80</td><td>40</td><td>0</td><td>0</td><td>80</td><td>40</td><td>120</td></tr>	


<tr><td>Teachers Advanced Pedagogy 1</td><td>1-Nov-12</td><td>14-Nov-12</td><td>14</td><td>971</td><td>429</td><td>0</td><td>0</td><td>971</td><td>429</td><td>1400</td></tr>	


<tr><td>Teachers Advanced Pedagogy 2</td><td>7-Dec-12</td><td>20-Dec-12</td><td>14</td><td>159</td><td>241</td><td>981</td><td>19</td><td>1140</td><td>260</td><td>1400</td></tr>	



</tbody>
</table>
<a href="" class="btn btn-info btn-large " data-toggle="tab">View System</a>
	             
	                	                
	                </div>
	                <div id="lB1" class="tab-pane">
	                	Data Loading ...
	                </div>
	                <div id="lC1" class="tab-pane charts3">
	                	Charts Loading ...
	                </div>
               </div>
</div>











</div>


<div class="tab-pane" id="advlit">
<br>





<div class="tabbable tabs-left">
              <ul class="nav nav-tabs">
                <li class="active"><a data-toggle="tab" href="#lA2">About</a></li>
                <li class=""><a data-toggle="tab" href="#lB2">Data</a></li>
                <li class=""><a data-toggle="tab" href="#lC2">Charts</a></li>
              </ul>
                <div class="tab-content">
                
	                <div id="lA2" class="tab-pane active">
					   
	
<p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The material package for this training is currently being developed and translated. The material focuses on reading comprehension and some learning theories. An expert consultant from the University of Wyoming, Mr. Steve Bialostock, is working on the development of the package. He is been also conducting some discussions with school teachers and providing them with some guidance on to teach children.     
Literacy educators tend to classify elementary reading instruction into two domains: Learning to read and reading to learn. This false dichotomy has created a reading problem in the United States called the “Fourth Grade Slump” (Chall, 1983). Fourth grade is the point at which many previously successful children begin to experience reading difficulties. In fourth grade, the linguistic, cognitive, and conceptual demands of reading increase dramatically; there is a heavier use of textbooks and expectation of greater independence in using reading and writing as tools for learning. The vocabulary that children encounter when reading is less conventional, frequently unfamiliar, and with specialized and technical vocabulary (e.g., plateau and basin in English) and can sometimes represent abstract rather than concrete ideas (e.g., gravity, civilization, freedom). Further, the syntax of fourth-grade texts is more complex and demanding. Additionally, the level of reasoning also shifts, with a greater emphasis on inferential thinking and using prior knowledge of topics and texts to puzzle through “inconsiderate” texts (i.e., What stance is the author taking on industrial pollution? Is there another stance that others might take?) Finally, it is about fourth grade that there is a greater emphasis on content subjects such as science and social studies, and there is more learning from textbooks.  These two subjects, in particular, focus on subjects in which students have little to no prior knowledge (e.g., levers, water cycle, history, geography). 

It is with this in mind that this training package emphasizes improving the quality of literacy instruction in Afghanistan by providing effective methodology to enhance to student comprehension. Materially, the primary goal of this package three-fold. It will provides teachers with: 
<ol type="1">
<li>	Instructional strategies for teaching comprehension; 
<li>	Instructional strategies for teaching vocabulary (for comprehension); 
<li>	Methodology for authentic reading assessment. 
</ol>

In addition, there are four ancillary goals: 
<ol type="1">
<li>	Since teacher beliefs about reading closely relate to their reading instruction, this training package includes a section on the importance of an informed philosophy of reading and learning to read. 
<li>	Since understanding theory supports instructional practices, each chapter provides a theoretical perspective. 
<li>	Since successful literacy learning is inextricably linked to forms of instructional practice, this training package emphasizes a model for that retains the teacher’s explicit modeling role in front of the classroom but leads students toward more reading independence.
<li>	Since the best reading teachers model for students, this program intends to enhance teachers’ own reading abilities. Comprehension strategies are not unique to or only for children. Thoughtful and reflection adults can also apply these same comprehension strategies when reading. 
</ol>
</p>	
<br>

<table class="table table-bordered ">
<thead > 
	<tr ><th rowspan="2">Training</th><th rowspan="2">Start Dates</th><th rowspan="2" >Finish Date</th><th rowspan="2">Number of training days</th><th colspan="2">Provincial Capital</th><th colspan="2">Districts</th><th colspan="2">Total</th><th rowspan="2">Total</th></tr>
	<tr><td>Male</td><td>Female</td><td>Male</td><td>Female</td><td>Male</td><td>Female</td></tr>
</thead>
<tbody>
 
<tr><td>Core trainers Enhanced Literacy</td><td>28-Jul-12</td><td>9-Aug-12</td><td>12</td><td>18</td><td>7</td><td>0</td><td>0</td><td>18</td><td>7</td><td>25</td></tr>	

<tr><td>Master trainers Enhanced Literacy 1</td><td>1-Nov-12</td><td>13-Nov-12</td><td>12</td><td>46</td><td>16</td><td>0</td><td>0</td><td>46</td><td>16</td><td>62</td></tr>	


<tr><td>Master trainers Enhanced Literacy 2</td><td>18-Nov-12</td><td>30-Nov-12</td><td>12</td><td>36</td><td>22</td><td>0</td><td>0</td><td>36</td><td>22</td><td>58</td></tr>	


<tr><td>Teachers Enhanced Literacy 1</td><td>18-Nov-12</td><td>30-Nov-12</td><td>12</td><td>973</td><td>427</td><td>0</td><td>0</td><td>973</td><td>427</td><td>1400</td></tr>	

<tr><td>Teachers Enhanced Literacy 2</td><td>27-Dec-12</td><td>7-Jan-13</td><td>12</td><td>360</td><td>40</td><td>958</td><td>15</td><td>1345</td><td>55</td><td>1400</td></tr>	




</tbody>
</table>

<a href="" class="btn btn-info btn-large " data-toggle="tab">View System</a>             
	                	                
	                </div>
	                <div id="lB2" class="tab-pane">
	                	Data Loading ...
	                </div>
	                <div id="lC2" class="tab-pane">
	                	Charts Loading ...
	                </div>
               </div>
</div>








	
</div>

</div>	
</div>   
    <div id="dt3" class="tab-pane">
    DT3
    </div>
    
    
    <div id="pre" class="tab-pane">
    Presedential Decree
    </div>
	
	
  </div>

  </div>
  </div>
  <hr/>
  <footer class="footer">
  &copy;2013 TMIS, TED, MoE
  </footer>
</div>

</body>

</html>